/* pages/client/valet-order/valet-order.wxss */
page{
  background: var(--bg-color);
}
.valet-order{
  box-sizing: border-box;
  .van-steps{
    padding: 24rpx 40rpx;
    .van-step__title{
      font-size: 28rpx;
      margin-bottom: 20rpx;
      color: #333;
    }
    .van-icon{
      font: normal normal normal 50rpx/1 vant-icon;
      font-size: 35rpx!important;
    }
    .van-step__circle{
      width: 24rpx;
      height: 24rpx;
    }
  }
  .order-main{
    padding: 24rpx 32rpx;
    box-sizing: border-box;
    .main-item{
      border-radius: 10rpx;
      margin-bottom: 20rpx;
      overflow: hidden;
      .order-list{
        border-radius: 0;
        margin-bottom: 0;
      }
    }
    .van-popup{
      background-color: #efefef!important;
      .van-dialog__header{
        font-size: 36rpx;
      }
      .van-dialog__footer{
        border-top: 2rpx solid #c7c7cc;
      }
      .van-button{
        border-right: 2rpx solid #c7c7c7!important;
      }
      .van-button--default{
        background: #efefef!important;
      }
    }
  }
  .order-list{
    display: flex;
    padding: 20rpx 48rpx;
    background: #fff;
    color:#051920;
    font-size: 28rpx;
    margin-bottom: 20rpx;
    border-radius: 10rpx;
    align-items: center;
    &.textarea{
      align-items: flex-start;
    }
    > text{
      min-width: 120rpx;
      margin-right: 20rpx;
      padding-right: 15rpx;
      border-right: 1px solid #D1D1D6;
    }
    > label{
      flex: 1;
      picker{
        width: 100%;
        min-height: 44rpx;
      }
      textarea{
        width: 100%;
        height: 120rpx;
      }
      input{
        line-height: 44rpx;
        min-height: 44rpx;
      }
      van-radio-group{
        display: flex;
        van-radio{
          margin-right: 50rpx;
        }
      }
      .picker{
        color: #666;
      }
      &.list-radio .van-radio__label{
        color: #8E8E93!important;
        margin-left: 10rpx;
      }
    }
  } //  order-list end
  .goods-button{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-bottom: 30rpx;
    padding: 0 10rpx;
    font-size: 28rpx;
    color: #8E8E93;
    i{
      margin-left: 10rpx;
      color: var(--main-color);
      &.dele{
        color: #4cd964;
      }
    }
  }//  goods-button end
  van-dialog{
    background: var(--bg-color);
    input{
      background: #fff;
      margin:30rpx;
      line-height: 80rpx;
      height: 80rpx;
      text-align: center;
    }
  }
  .order-button,.list-button{
    margin-top: 104rpx;
    button{
      width: 100%;
      background: #F6A526;
      color: #fff;
      border-radius: 10rpx;
      font-size: 32rpx;
      border: 0;
    }
  } //order-button end
  .van-popup{
    z-index: 1000!important;
  }
}